
  var myChart = echarts.init(document.getElementById('main'),'macarons');
  var myChart2 = echarts.init(document.getElementById('main2'),'macarons');
  var myChart3 = echarts.init(document.getElementById('main3'),'macarons');
  var myChart4 = echarts.init(document.getElementById('main4'),'macarons');
  var myChart5 = echarts.init(document.getElementById('main5'),'macarons');
  var myChart6 = echarts.init(document.getElementById('main6'),'macarons');
  var myChart7 = echarts.init(document.getElementById('main7'),'macarons');

var labelTop = {
    normal : {
        label : {
            show : false,
            position : 'center',
            formatter : '{b}'+1223,
           /* textStyle: {
                baseline : 'bottom'
            }*/
        },
     /*   labelLine : {
            show : false
        }*/
    }
};
var labelBottom = {
    normal : {
        label : {
            show : true,
            position : 'center'
        },

    },
    emphasis: {
         label : {
            show : true,
            position : 'center'
        },
    }
};

var option = {    
    title : {
        text: '收入结构-贷款类别',
		x:'center'
    },
	tooltip : {
		axisPointer : {
			type: 'none',
		},
        trigger: 'axis',
		formatter: '{a} <br/>{b} : {c}',
		position : function(point,params,dom,rect,size){
			//其中params为当前鼠标的位置
			return [params[0],'86%'];
		}
	},
    legend: {
		y:'30px',
        data:['贷款类别'],
		show:false
    },
	grid: {x:80,x2:60,y:25,y2:30},
    calculable : true,
    xAxis : [
        {
			show : false,
            type : 'value',
        }
    ],
    yAxis : [
        {
			axisLine : {show:false},
			axisTick:false,
            type : 'category',
            data : ['其他','透支','分期贷款','定期贷款','银行贷款',]
        }
    ],
    series : [
	
        {
            name:'贷款类别',
            type:'bar',
            data:[ 23489, 29034, 104970, 131744, 630230],
			itemStyle: {
				normal : {
					label : {
						show : true,
						position : 'right',
						textStyle : {
							color : 'black',
							fontsize : 18
						}
					}
					
				}
			}
			
        },
    ]
};
var option2 = {    
    title : {
        text: '收入结构-客户类别',
		x:'center'
    },
	tooltip : {
		axisPointer : {
			type: 'none',
		},
        trigger: 'axis',
		formatter: '{a} <br/>{b} : {c}',
		position : function(point,params,dom,rect,size){
			//其中params为当前鼠标的位置
			return [params[0],'86%'];
		}
	},
    legend: {
		y:'30px',
        data:['客户类别'],
		show:false
    },
	grid: {x:80,x2:60,y:25,y2:30},
    calculable : true,
    xAxis : [
        {
			show : false,
            type : 'value',
        }
    ],
    yAxis : [
        {
			axisLine : {show:false},
			axisTick:false,
            type : 'category',
            data : ['非同业机构','同业机构','个人']
        }
    ],
    series : [
	
        {
            name:'客户类别',
            type:'bar',
            data:[104970, 131744, 630230],
			itemStyle: {
				normal : {
					label : {
						show : true,
						position : 'right',
						textStyle : {
							color : 'black',
							fontsize : 18
						}
					}
					
				}
			}
			
        },
    ]
};

var option3 = {    
    title : {
        text: '收入结构-客户来源',
		x:'center'
    },
	tooltip : {
		axisPointer : {
			type: 'none',
		},
        trigger: 'axis',
		formatter: '{a} <br/>{b} : {c}',
		position : function(point,params,dom,rect,size){
			//其中params为当前鼠标的位置
			return [params[0],'86%'];
		}
	},
    legend: {
		y:'30px',
        data:['客户来源'],
		show:false
    },
	grid: {x:80,x2:60,y:25,y2:30},
    calculable : true,
    xAxis : [
        {
			show : false,
            type : 'value',
        }
    ],
    yAxis : [
        {
			axisLine : {show:false},
			axisTick:false,
            type : 'category',
            data : ['其他','招行客户','本地客户']
        }
    ],
    series : [
	
        {
            name:'客户来源',
            type:'bar',
            data:[104970, 131744, 630230],
			itemStyle: {
				normal : {
					label : {
						show : true,
						position : 'right',
						textStyle : {
							color : 'black',
							fontsize : 18
						}
					}
					
				}
			}
			
        },
    ]
};

var option4 = {    
    title : {
        text: '收入结构-利润中心',
        x:'center'
    },
	tooltip : {
        trigger: 'item',
		formatter: '{a} <br/>{b} : {c} ({d}%)',
		position : function(point,params,dom,rect,size){
			//其中params为当前鼠标的位置
			return [params[0],'80%'];
		}
	},
    legend: {
		y:25,
        data:['公司银行部','交易银行部','金融机构部','按揭及抵押贷款部','证券部','信用卡及无抵押贷款部']
    },
    calculable : true,
    series : [
        {
            name:'部门占比',
            type:'pie',
            radius : '55%',
            center: ['50%', '65%'],
			minAngle: '15',
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ':  ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:543, name:'公司银行部'},
                {value:22358, name:'交易银行部'},
                {value:76159, name:'金融机构部'},
                {value:101529, name:'按揭及抵押贷款部'},
                {value:106135, name:'证券部'},
                {value:70658, name:'信用卡及无抵押贷款部'},
            ]
        }
    ]
};
var option5 = {    
    title : {
        text: '收入结构-贷款期',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
		formatter: '{a} <br/>{b} : {c} ({d}%)',
		position : function(point,params,dom,rect,size){
			//其中params为当前鼠标的位置
			return [params[0],'80%'];
		}
	},
    legend: {
		y:25,
        data:['<12个月','12~24个月','24~36个月','≥60个月','没有到期日']
    },
    calculable : true,
    series : [
        {
            name:'部门占比',
            type:'pie',
            radius : '55%',
            center: ['50%', '65%'],
			minAngle: '15',
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ':  ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:543, name:'<12个月'},
                {value:22358, name:'12~24个月'},
                {value:76159, name:'24~36个月'},
                {value:101529, name:'≥60个月'},
                {value:106135, name:'没有到期日'},
            ]
        }
    ]
};
var option6 = {   
	
    title : {
        text: '每月贷款非利息净收入趋势',
		x:'center',
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['非利息收入'],
		show:false
    },
    calculable : true,
    xAxis : [
        {
             type : 'category',
            data : ['1月2017','2月2017','3月2017','4月2017','5月2017','6月2017','7月2017','8月2017','9月2017','10月2017','11月2017','12月2017']
        }
    ],
    yAxis : [
        {
            type : 'value',
			
        }
    ],
    series : [
        {
            name:'非利息收入',
            type:'bar',
            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
            markPoint : {
                data : [
                    {type : 'max', name: '最大值'},
                    {type : 'min', name: '最小值'}
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
    ]
};
var option7 = {    
    title : {
        text: '每日贷款非利息净收入趋势',
        x:'center'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['非利息收入'],
		show:false
    },
    calculable : true,
    xAxis : [
        {
			axisLabel : {
				interval: '1000000',
				showMinLabel:true,
				showMaxLabel:true,
			},
            type : 'category',
            boundaryGap : false,
            data : ['2017-11-01','2017-12-01','2017-1-01','2017-2-01','2017-3-01','2017-4-01','2017-5-01']
        }
    ],
    yAxis : [
        {
            type : 'value',
            axisLabel : {
                formatter: '{value}'
            }
        }
    ],
    series : [
        {
            name:'非利息收入',
            type:'line',
            data:[11, 11, 15, 13, 12, 13, 10],
            markPoint : {
                data : [
                    {type : 'max', name: '最大值'},
                    {type : 'min', name: '最小值'}
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
    ]
};
                   

                                                                                            
myChart.setOption(option);
myChart2.setOption(option2);
myChart3.setOption(option3);
myChart4.setOption(option4);
myChart5.setOption(option5);
myChart6.setOption(option6);
myChart7.setOption(option7);

    